@layout("/common/_container.html"){
<div class="layui-card">
    <div class="layui-card-header" style="padding-top: 5px;">
        <span class="layui-form-mid" style="font-size: 16px;font-weight: 600;">订单编号：</span>
        <span class="layui-form-mid" style="font-size: 16px;">${item.orderId}</span>
        <a style="margin-left: 70px;margin-bottom: 5px" href="${ctxPath}/order" class="layui-btn layui-btn-normal layui-btn-radius">返回订单列表</a>
    </div>
    <div class="layui-card-header" style="margin-top: 40px;background-color: #D9EDF7;">
        <span class="layui-form-mid" style="font-size: 16px;font-weight: 600;">支付状态：</span>
        <span class="layui-form-mid" style="font-size: 16px;">
            @if(item.payState == 1){
                待支付
            @}else if(item.payState == 2){
                已支付
            @}else{
                未获取到支付状态
            @}
        </span>
    </div>
    <div class="layui-card-header" style="margin-top: 40px;background-color: #F7F7F7;">
        <span class="layui-form-mid" style="font-size: 16px;font-weight: 600;">订单详情</span>
    </div>
    <div class="layui-card-body">
        <table class="layui-table" id="table" lay-filter="table">
            <tr>
                <th>序号</th>
                <th>服务类型</th>
                <th>计费类型</th>
                <th>单价</th>
                <th>购买数量</th>
                <th>创建时间</th>
            </tr>
            @for(orderDtl in item.details){
            <tr>
                <th>${orderDtlLP.index}</th>
                <th>${orderDtl.productName}</th>
                <th>
                    @if(orderDtl.chargeType == 1){
                        年
                    @}else if(orderDtl.chargeType == 2){
                        月
                    @}else if(orderDtl.chargeType == 3 && orderDtl.broadcastFrequency == 1){
                        站点/小时
                    @}else if(orderDtl.chargeType == 3 && orderDtl.broadcastFrequency != 1){
                        站点/天
                    @}else if(orderDtl.chargeType == 4){
                        个文件
                    @}
                </th>
                <th>${orderDtl.price}</th>
                <th>${orderDtl.theCount}</th>
                <th>${orderDtl.createTime, 'yyyy-MM-dd HH:mm:ss'}</th>
            </tr>
            @}
        </table>

    </div>
</div>


<script>
  layui.config({
	 base: Feng.ctxPath + '/static/layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form','laydate'], function(){
    var $ = layui.$
    ,form = layui.form
    ,laydate = layui.laydate;
  })
  </script>
@}

